<!DOCTYPE html>
<!-- saved from url=(0042)https://sc.myuserhub.com/portal/pswdchange -->
<html>
{include file="public/head"}
<body>
{include file="public/nav"}

<!--<div class="container">-->
<div class="rowHeader">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6" style="text-align:left">
                <h1>

                    欢迎 <span class="userName">{$UserInfo.username}</span>

                    <span class="label label-success lb-sm" style="vertical-align: middle;">通过审核</span>


                </h1>
            </div>
            <!--End collumn-->

            <div class="col-lg-6 col-md-6 pageTitleRight">
                <h1 class="pull-right">会员计划</h1>
            </div>
            <!--End collumn-->

        </div>
        <!--End Row-->
    </div>
    <!--End container-->
</div>
<!--End Row-->

<div class="container">
    <div class="row mainRow">

        <!--菜单栏-->
        {include file="public/menu"}
        <!--End column-->
        <div id="loyaltyOverview" class="col-lg-9 col-md-10 col-sm-10 mainContent">

            <div class="panel panel-default">
                <div class="panel-heading loyalty-panel-heading">
                    <h3 class="panel-title">会员状态</h3>
                </div>
                <div class="panel-body">
                    <div class="row loyalty-row">
                        {volist name="LevelList" id="v"}
                        <div class="col-3 col-lg-3 col-md-3 col-sm-12 col-centered col-loylatly-panel">
                            {if condition="$UserInfo.level eq $v.id"}
                            <div class="loyalty-status-panel-header">
                                <p>
                                    <strong>
                                        当前状态
                                        <!--
                                    : <span class="loyalty-status-panel-header-completed">Completed!</span>
                                    -->
                                    </strong>
                                </p>
                            </div>
                            {else/}
                            <div class="loyalty-status-panel-header">
                                <p><strong>&nbsp;</strong></p>
                            </div>
                            {/if}
                            <div class="panel panel-default loyalty-panel {if condition='$UserInfo.level eq $v.id'}loylaty-active-status-panel{/if}">
                                <div class="panel-body text-center">
                                    <div class="loyalty-panel-content">
                                        <p>
                                        </p>
                                        <div class="inner-content text-center">
                                            <div class="loylaty-circle-icon-bg">
                                                <span class="perc-icon">
                                                    {if condition="$v.id eq 1"}
                                                    <img class="loyaltyIconBlueCircle" src="/static/cof/public/silver-circle.svg">
                                                    {elseif condition="$v.id eq 2"}
                                                    <img class="loyaltyIconBlueCircle" src="/static/cof/public/gold-circle.svg">
                                                     {elseif condition="$v.id eq 3"}
                                                    <img class="loyaltyIconBlueCircle" src="/static/cof/public/platinum-circle.svg">
                                                     {elseif condition="$v.id eq 4"}
                                                    <img class="loyaltyIconBlueCircle" src="/static/cof/public/diamond-circle.svg">
                                                     {elseif condition="$v.id eq 5"}
                                                    <img class="loyaltyIconBlueCircle" src="/static/cof/public/silver-circle.svg">
                                                    {/if}
                                                </span>
                                                <span class="perc-perc" style="display:none"><span style="font-size: 25px;">100%</span></span>
                                                <div class="slice">
                                                    <div class="bar"></div>
                                                    <div class="fill"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <p></p>
                                        <p class="loyalty-status-title">
                                            <strong>{$v.name}</strong>
                                        </p>

                                        <p>个人:{$v.condition_1|floatval}</p>
                                        <p>团队:{$v.condition_2|floatval}</p>

<!--                                        <p>积分/手数: 0.2</p>-->
                                        <div style="clear:both;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                    <!--
            <p>
                <span style="font-size: 6pt; color: #00c0fc;" class="fa-stack fa-md">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-info fa-stack-1x fa-inverse"></i>
                </span>
                Click <a href="#">here</a> to learn more about point values                    </p>
            -->

<!--                    <div class="row text-left">-->
<!--                        <div class="col-9 col-lg-9 col-md-9 col-sm-12 text-left">-->
<!--                            <h4>-->
<!--                                预计月末状态 <span id="projectedStatus-tooltip"-->
<!--                                             style="color: #00c0fc; font-size: 5pt; margin-bottom: 7px;"-->
<!--                                             class="fa-stack fa-md" aria-hidden="true" data-toggle="tooltip"-->
<!--                                             tooltip-trigger="focus manual" data-placement="bottom" title=""-->
<!--                                             data-original-title="这将基于到目前为止的交易手数。">-->
<!--											<i class="fa fa-circle fa-stack-2x"></i>-->
<!--											<i class="fa fa-info fa-stack-1x fa-inverse"></i>-->
<!--										</span>-->
<!--                                :-->
<!--                                <strong style="color: #00c0fc;">黄金</strong>-->
<!--                            </h4>-->

<!--                            <div class="row loyalty-projected-status-info text-left">-->
<!--                                <p>-->
<!--                                    如须达到Platinum等级 ， 您还需要交易301.58手-->
<!--                                </p>-->
<!--                            </div>-->

<!--                        </div>-->
<!--                        <div class="col-3 col-lg-3 col-md-3 col-sm-12 text-right"-->
<!--                             style="padding-left: 0px !important; padding-right: 5px !important;">-->
<!--                            <button class="btn btnWhiteWithBlue"-->
<!--                                    style="min-width:160px; max-width:160px; white-space:normal;">活动总结</button>-->
<!--                        </div>-->
<!--                    </div>-->
                </div>
            </div>

            <!-- Modal -->
            <div class="modal fade" tabindex="-1" role="dialog" id="redeemModal">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">兑换积分</h4>
                        </div>
                        <div class="modal-body">
                            <div id="stepLoading" class="text-center" style="display:none;">
                                <p class="text-center spinner-holder">
                                    <i class="fa fa-circle-o-notch fa-spin"
                                       style="top-margin: 50px; font-size:35px; color: #00c0fc"></i>
                                </p>
                            </div>

                            <div id="stepError" class="text-center" style="display:none;">
                                <div class="alert alert-danger fade in">
                                    <p id="defaultError" class="lead">您的请求不能执行。请联系客服</p>
                                    <p id="customError" class="lead">您的请求不能执行。请联系客服</p>
                                </div>
                            </div>

                            <div id="step1">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group" id="groupAccountId">
                                            <b>选择积分兑换金额存入账号</b>
                                            <select id="AccountId" name="AccountId" class="form-control">
                                                <option value="" disabled="" selected="">请选择</option>
                                                <option value="567397" productcategory="MT4LiveThree">
                                                    8033126 </option>
                                                <option value="791569" productcategory="MT4LiveThree">
                                                    8079813 </option>
                                            </select>
                                            <span class="help-block" id="helpBlockAccountId"></span>
                                        </div>
                                        <input type="hidden" id="productCategoryName" name="productCategoryName"
                                               value="">
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group" id="groupPoints">
                                            <br>
                                            <label class="col-lg-5 col-md-5 control-label"
                                                   for="Points">积分转换</label>
                                            <div class="col-lg-5 col-md-5">
                                                <div class="input-group">
                                                    <input name="Points" id="Points" type="text"
                                                           class="form-control">
                                                </div>
                                            </div>
                                            <button class="btn blueBtn"
                                                    onclick="if (!window.__cfRLUnblockHandlers) return false; assignAllPoints()">全部</button>
                                            <span class="help-block" id="helpBlockPoints"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">

                                </div>
                            </div>


                            <div id="step2" style="display:none;">

                                <div class="text-center">
                                    <div class="panel-heading">
                                        <h3 class="panel-title text-center">您即将兑换</h3>
                                    </div>
                                    <div class="panel-body text-center">
                                        <p>要兑换的积分数: <span id="step2-points"></span></p>

                                        <p>货币: <span id="step2-accountCurrency"></span></p>

                                        <p>存款金额: <span id="step2-value"></span></p>

                                        <p id="pointValueConversionP" style="display:none;">Point value
                                            conversion: <span id="pointValueConversion"></span></p>
                                    </div>
                                </div>

                            </div>




                            <div id="step3" style="display:none;">

                                <div class="text-center">
                                    <div class="panel-heading">
                                        <h3 class="panel-title text-center">Thank you for being an active
                                            client. The following amount was deposited:</h3>
                                    </div>
                                    <div class="panel-body text-center">
                                        <p>积分兑换: <span id="step3-points"></span></p>

                                        <p>等值存款: <span id="step3-valueDeposited"></span></p>
                                    </div>
                                </div>

                            </div>




                            <div class="modal-footer">
                                <div id="footer-step1" class="row text-center">
                                    <button type="button" class="btn btnWhiteWithBlue"
                                            onclick="if (!window.__cfRLUnblockHandlers) return false; redeemStep2()">确认</button>
                                    <button type="button" class="btn btnWhiteWithBlue"
                                            onclick="if (!window.__cfRLUnblockHandlers) return false; resetModal();"
                                            data-dismiss="modal">取消</button>
                                </div>
                                <div id="footer-step2" style="display:none;" class="row text-center">
                                    <div class="panel-heading">
                                        <h3 class="panel-title text-center">确认继续兑换？</h3>
                                    </div>
                                    <button type="button" class="btn btnWhiteWithBlue"
                                            onclick="if (!window.__cfRLUnblockHandlers) return false; redeemStep3()">继续</button>
                                    <button type="button" class="btn btnWhiteWithBlue"
                                            onclick="if (!window.__cfRLUnblockHandlers) return false; resetModal();"
                                            data-dismiss="modal">取消</button>
                                </div>
                                <div id="footer-step3" style="display:none;" class="row text-center">
                                    <a href="/portal/loyalty" class="btn btnWhiteWithBlue">确认</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--End column-->

    </div>
    <!--End row-->
</div>
<!--End container-->

{include file="public/foot"}
</body>
<script src="/static/Admin/layer/layer.js"></script>
<script>
    var flag = 1;
    $("#deposit").click(function (e) {
        e.preventDefault();
        if (!flag){
            return  false
        }
        var old_password = $("#old_password").val()
        var new_password = $("#new_password").val()
        var new_password_re = $("#new_password_re").val()
        if (old_password == ''){
            layer.msg('请输入旧密码');
            return false
        }
        if (new_password == ''){
            layer.msg('请输入新密码');
            return false
        }
        if (new_password_re != new_password){
            layer.msg('两次密码不一致');
            return false
        }
        var that = $(this)
        that.attr('disabled',true)
        flag = 0;
        $.ajax({
            type:"post",
            dataType:"json",
            data:{old_password:old_password,new_password:new_password},
            url:"{:url('Finance/UserPassLogin')}",
            success:function (data) {
                if (data.status == 1){
                    layer.msg(data.message,{time:1500},function () {
                        window.location.reload()
                    })
                }else {
                    layer.msg(data.message,{time:1500},function () {
                        that.removeAttr('disabled')
                        flag = 1;
                    })

                }
            }
        })
    })
</script>
</html>
